<template>
    <div class="foot">
      <p style="padding-top: 8px;">CAOZAIHUI</p>
      <p style="font-size: 0.8em;"><a href="http://beian.miit.gov.cn/">滇ICP备20240294626号</a></p>
    </div>
</template>
<script>

</script>
<style>
.foot {
    height: 4rem;
    width: 100%;
    background: linear-gradient(90deg,#79ffce, #72faff, #ff54f1,#ff5050,#ffd333);
    background-size: 400% 400%;
    animation: gradientBG 10s ease infinite;
    border-radius: 2rem 2rem 0 0;
}
.foot p{
  text-align: center;
  line-height: 1rem;
}
a:hover{
  color: #f90000;
}
@keyframes gradientBG {
  0% {
    background-position: 0 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0 50%;
  }
}
</style>